<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   <div id="app">
        {{msg}}
  </div>
   <hr>



   <!--    {{msg}}-->
       <script src="js/vue.js"></script>
       <script type="text/javascript">

           //1,创建vue对象
           const app = new Vue({
               el:"#app",// 绑定的dom的id   代表vue实例中的数据只在该dom中有效
               data:{//定义一些数据   项目中：异步请求服务端，服务端获取
                  msg:'aaa'
               },
               methods:{

               },
               beforeCreate(){
                   console.log('beforeCreate');
               },
               created(){
                   console.log('created');
               },
               beforeMount(){
                   console.log('beforeMount');
               },
               mounted(){
                   console.log('mounted');
               },
               beforeUpdate(){
                   console.log('beforeUpdate');
               },
              updated(){
                   console.log('updated');
               },
               destroy(){
                   console.log('destroy');

               }

           });

       </script>

</body>
</html>